.slide-up-enter-active, .slide-up-leave-active {
  transition: all .8s;
}
.slide-up-enter, .slide-up-leave-to {
  transform: translateY(100%);
}
.result-page {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  // 对应倒计时z-index为1
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  .back-btn {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 14px;
    height: 14px;
  }
  .result-img {
    margin-top: 20vh;
    margin-bottom: 2vh;
    width: 140px;
    height: 140px;
  }
  .title {
    width: 60%;
    margin: .8em 20%;
    font-size: 18px;
    text-align: center;
  }
  .text {
    color: #333;
    width: 80%;
    margin: 10px 10% 20px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    .score {
      color: #1f3085;
      font-weight: 600;
    }
  }
  .btn {
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tip {
    margin-top: 16px;
    font-size: 12px;
    color: #062fa1;
    text-decoration: none;
    display: flex;
    align-items: center;
    .icon {
      margin-top: -1px;
    }
  }
  .self-score {
    margin: 40px auto;
    padding: 10px 15px 9px 15px;
    border-radius: 50px;
    font-size: larger;
    font-weight: bold;
    background-color: #d32f2f;
    color: #fbc051;
  }
}
